<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- header顶部 -->
    <header>
        <section class="head-con">
            <ul class="head-l">
                <li><a href="#">手机版</a></li>
                <li><a href="#" class="border-n">Q币充值</a></li>
            </ul>

            <ul class="head-r">
                <li><a href="http://localhost:8080/login.html" target="_blank">您还未登录，请登录</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">个人中心</a></li>
                <li><a href="#">帮助中心</a></li>
                <li><a href="#" class="r-last">游戏导航</a></li>
            </ul>
        </section>
    </header>

    <!-- search -->
    <div class="search" id="blk_nav_search">
        <div class="searchbox clearfix">
            <div class="logobox fl">
                <a title="道聚城" class="navico logo-djc" href="http://localhost:8080/index.html" target="_blank">道聚城</a>
            </div>
            <div class="sbar fl">
                <div class="navico stext">
                    <a class="navico sbtn" id="btn_nav_search_submit">搜索</a>
                    <input class="js_btn_click_report" id="inpt_nav_search_name" type="text" placeholder="输入道具进行搜索" report_tag="mall.lol.index.categories_new" attr_default="输入道具进行搜索">
                    <div class="keyword-list hide" id="blk_nav_search_keywordlist"></div>
                    <!--  -->
                    <script id="tmpl_nav_search_keywordlist" type="tmpl/text">
                    </script>
                    <!--  -->
                </div>
            </div>
            <div class="logogame fl">
                <a title="英雄联盟" class="navico logo-lol" href="//lol.qq.com/" target="_blank">英雄联盟</a>
            </div>
        </div>
    </div>

    <!-- nav -->
    <div class="nav" id="blk_nav_menu">
        <div class="navico navwrap clearfix">           
            <ul class="fl clearfix" style="overflow:hidden;">
            	<li class="navico">
                    <a class="js_btn_click_report" href="http://localhost:8080/index.html" target="_blank">首页</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="/lol/list/shoppinglist.shtml?ADTAG=innercop.lol.SY.shoppinglist_new">商品列表</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="/mall/actcenter.shtml?flag=lol&amp;ADTAG=innercop.lol.SY.actlist_new" target="_blank">活动专区</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="//daoju.qq.com/mall/tao.shtml?flag=lol&amp;ADTAG=innercop.lol.SY.tao_new" target="_blank">限时折扣</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="/mall/judou.shtml?sBizCode=lol" target="_blank">聚豆乐园</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="//mall.qq.com/lol/?e_code=305545&amp;ADTAG=innercop.lol.SY.zhoubian" target="_blank">周边商城</a>
                </li>
                <li class="navico">
                    <a class="js_btn_click_report" href="/mall/center.shtml?flag=lol&amp;ADTAG=innercop.lol.SY.center_new" target="_blank">个人中心</a>
                </li>
            </ul>
            <div class="fr nav-cart">
                <a title="购物车" class="btn-cart" href="http://localhost:8080/shopping.html">
                    <i id="cartNum">（0）</i>
                    <s class="navico i-cart"></s>购物车
                </a>                
            </div>
        </div>       
    </div>

    <!-- 面包屑 -->
    <div class="location-box">
        您现在的位置：<a href="/lol/"></a>&gt;<a href="/lol/cart.shtml">购物车</a>
    </div>

    <!-- cart-box -->
    <div class="layout mainer clearfix">
        <!--收货角色信息选择-->
        <div class="payment-role ml22">
            <h3 class="cart-title pt18">收货角色信息</h3>
            <div class="mt24">
                <div class="pay-group role clearfix" id="step_1">
                    <span class="label">选择游戏角色：</span>
                    <ul>
                        <li>
                            <select name="iZone" id="iZone">
                                <option value="">请选择大区</option>
                                <option value="1">艾欧尼亚 电信</option>
                                <option value="2">比尔吉沃特 网通</option>
                                <option value="3">祖安 电信</option>
                                <option value="4">诺克萨斯 电信</option>
                                <option value="6">德玛西亚 网通</option>
                                <option value="5">班德尔城 电信</option>
                                <option value="7">皮尔特沃夫 电信</option>
                                <option value="8">战争学院 电信</option>
                                <option value="9">弗雷尔卓德 网通</option>
                                <option value="10">巨神峰 电信</option>
                                <option value="11">雷瑟守备 电信</option>
                                <option value="12">无畏先锋 网通</option>
                                <option value="13">裁决之地 电信</option>
                                <option value="14">黑色玫瑰 电信</option>
                                <option value="15">暗影岛 电信</option>
                                <option value="17">钢铁烈阳 电信</option>
                                <option value="16">恕瑞玛 网通</option>
                                <option value="18">水晶之痕 电信</option>
                                <option value="21">教育网专区</option>
                                <option value="22">影流 电信</option>
                                <option value="23">守望之海 电信</option>
                                <option value="20">扭曲丛林 网通</option>
                                <option value="24">征服之海 电信</option>
                                <option value="25">卡拉曼达 电信</option>
                                <option value="27">皮城警备 电信</option>
                                <option value="26">巨龙之巢 网通</option>
                                <option value="30">男爵领域 全网络</option>
                                <option value="19">均衡教派</option>
                            </select>

                            <select name="iRoleId" id="iRoleId">
                                <option value="">请选择角色</option>
                                <option value="">hide on bush</option>
                            </select>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--商品信息-->
        <div class="cartlist mt10 ml22 clearfix">
            <h2 class="cart-title">商品信息</h2>
            <div class="tablebox" id="blk_cart_goods_table">
                <table class="cart-list-table">
                    <thead>
                        <tr>
                            <th scope="col"><i class="ico-check buy_xuan"></i>全选</th>
                            <th scope="col">商品名称</th>
                            <th scope="col">类型</th>
                            <th scope="col">单价</th>
                            <th scope="col">期限</th>
                            <th width="110" scope="col">数量</th>
                            <th scope="col">优惠</th>
                            <th scope="col">小计</th>
                            <th scope="col">操作</th>
                        </tr>
                    </thead>
        
                    <tbody id="blk_cart_list">
                        <tr>
                            <td colspan="9">您的购物车还没有道具，赶快去挑选几个吧 <a class="blue" href="/lol/list/shoppinglist.shtml">我要买</a></td>
                        </tr>
                    </tbody>
        
                </table>
            </div>
        </div>

        <!-- 优惠信息 -->
        <div class="cart-benefit ml22 clearfix" id="yhq_info">
            <h2 class="cart-title">您的优惠信息</h2>
        
            <div class="discount-info">
                <div class="noticket" id="no_yhq_notice">
                    <span>优惠券总量：<span class="red yhq_num">0</span></span><a class="blue"
                        href="//daoju.qq.com/mall/myprivilage.shtml" target="_blank">如何获得优惠券&gt;&gt;</a>
                </div>
            </div>
        
            <div class="cart_t1 cart-t1">
                <span class="fl s1">
                    <span class="s2">英雄联盟周边商城火热上线</span>
                    <a href="https://mall.qq.com/lol/" target="_blank">查看详情</a>
                </span>实付款:<span id="js_real_QB_area"><span class="red fwb ft24" id="js_real_QB">0.00</span>Q币</span>
        
                <div class="confirm-bar" id="step_2"><a class="btn-confirm buy_bothui" href="javascript:AddOrder();">提交订单</a>
                </div>
            </div>
        </div>

        <!-- 提示 -->
        <div class="payment-rules">
            <h3 class="cp-title">温馨提示：</h3>
            <ol>
                <li>
                    <span style="color:red;">
                        "LOL优惠券使用规则：[道具包]分类道具全场无法使用，每张优惠券的信息，请仔细核对以下信息：订单满减的金额是否符合要求、优惠券限定可用的道具范围。"
                    </span>
                </li>
                <li>"购买成功后系统会自动发货，如发货失败24小时内会自动补发。"</li>
                <li>"请确认游戏中是否存在购物车中的英雄或皮肤，如果存在，请勿重复购买。"</li>
                <li>"请重新登录游戏查收物品。"<br></li>
            </ol>
        </div>
    </div>

    <!-- 返回顶部栏 -->
    <div class="fixednav">
        <a href="#top"><i class="bg_sp btn_top"></i>返回顶部</a>
        <a href="//crm2.qq.com/page/portalpage/wpa.php?uin=40012345&amp;f=1&amp;ty=1&amp;ap=" target="_blank">反馈</a>
    </div>

    <!-- footer -->
    <footer>
        <section class="footer-con">
            <div class="footer-t">
                <ul>
                    <h2>我是新手</h2>
                    <a href="#"><li>什么是道聚城</li></a>
                    <a href="#"><li>如何购买</li></a>
                    <a href="#"><li>如何赠送</li></a>
                    <a href="#"><li>如何获取聚豆</li></a>
                </ul>
                <ul>
                    <h2>个人中心</h2>
                    <a href="#"><li>发货时间</li></a>
                    <a href="#"><li>如何领取</li></a>
                    <a href="#"><li>补发规则</li></a>
                    <a href="#"><li>Vip价定义</li></a>
                    <a href="#"><li>道具状态定义</li></a>
                </ul>
                <ul>
                    <h2>支付方式</h2>
                    <a href="#"><li>支付方式</li></a>
                    <a href="#"><li>购物点支付</li></a>
                    <a href="#"><li>如何充值</li></a>
                </ul>
                <ul>
                    <h2>腾讯在线服务</h2>
                    <a href="#"><li>腾讯官方在线客服</li></a>
                    <a href="#"><img src="./images/gs_03.jpg" alt=""></a>
                </ul>
                <img class="ma" src="./images/ma.png" alt="">
            </div>

            <div class="footer-b">
                <ul>
                    <p><a href="//ieg.tencent.com" target="_blank">腾讯互动娱乐</a> |
                        <a href="//game.qq.com/contract.shtml" target="_blank">服务条款</a> |
                        <a href="//game.qq.com/privacy_guide.shtml" target="_blank">腾讯游戏隐私保护指引</a> |
                        <a href="//game.qq.com/privacy_guide_children.shtml" target="_blank">腾讯游戏儿童隐私保护指引</a> |
                        <a href="//e.tencent.com/" target="_blank">广告服务</a> |
                        <a href="//game.qq.com/hr/" target="_blank">腾讯游戏招聘</a> |
                        <a href="//kf.qq.com/" target="_blank">腾讯游戏客服</a> |
                        <a href="//game.qq.com/gnav" target="_blank">游戏地图</a> |
                        <a href="https://jiazhang.qq.com/jz/home.html?ADTAG=gamepcbottom" target="_blank">成长守护平台</a> |
                        <a href="//game.qq.com/brand/business.htm" target="_blank">商务合作</a> |
                        <a href="//www.qq.com/map/" target="_blank">网站导航</a>
                    </p>
                    <p class="e">COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                    <p><a href="//www.tencent.com/law/mo_law.shtml?/law/copyright.htm" target="_blank">腾讯公司 版权所有</a></p>
                </ul>
            </div>
        </section>
    </footer>
</body>

</html>